<template>
  <div id="notfound">
      <h1>外星人带走了你的页面~~</h1>
      <img src="https://s4.ax1x.com/2021/12/18/TAxdW4.jpg" alt="">
      <Button type="success" @click="goindex('/')">返回首页吧~</Button>
  </div>
</template>

<script>
export default {
    methods:{
        goindex(path){
            this.$router.push({
                path
            })
        }
    }
}
</script>

<style scoped lang="less">
#notfound{
    display: flex;
    flex-direction: column;
   align-items: center;
   h1{
       color: #298aad
   }
    img{
        width: 500px;
        height: 300px;
    }
   button{
       margin-top: 15px;
   }
}

</style>